@charset "utf-8";
*{font-family: Arial,Microsoft YaHei;}
*, *:after, *:before{-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
html{font-size:14px;color:#444;}
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,span,input,textarea{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}
small{font-size:14px;}
li,ol{list-style:none;}
input,textarea{border:none;outline:none;}
textarea{resize:none;}
button {outline: none;}
em,i{font-style:normal;}
a{text-decoration:none;color:#444;}
a:hover{color:#005bac;}
a:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a img{border:none;}
.clearfix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.w1200 {width: 1200px; margin: 0 auto;}
.top35 {margin-top: 35px;}
.nomargin {margin-right: 0 !important; margin-left: 0 !important;}


.fixed_box{position:fixed;}


/*顶部*/
.common_top,.common_top a{color:#FFF;}
.common_top {width: 100%; height: 40px; background: #4C4FA1;}
.common_top .top .t_left,.common_top .top .t_right{height: 40px; line-height: 40px; color: #fff; font-size: 14px;}
.common_top .top {position: relative;}
.common_top .top .t_left { position:absolute; left:0; }
.common_top .top .ht_logo {float:left;width:120px; height:29px;background: url(../images/ht_logo.png) no-repeat center;background-size:100% 100%;margin-top: 5px;}
.common_top .top .link_list{float:left;margin-left:20px;font-size:18px;}
.common_top .top .link_list a{margin-right:10px;}
.common_top .top .t_right {position: absolute; right: 0;}

/*尾部*/
#footer {width: 100%; padding-top: 20px; margin-top: 20px; background: #333438; font-size: 12px; color: #f4f4f4; padding-top: 18px; padding-bottom: 18px; }
#footer .container {width: 1200px; height: auto; margin: auto; }
#footer .left_footer {float: left; margin-top: 32px; }
#footer .left_footer .about {background: #292b2d; border-radius: 5px; width: 300px; line-height: 42px; text-align: center; }
#footer .left_footer .about li {display: inline-block; word-spacing: 5px; margin-right: 5px; }
#footer .left_footer .about .line {display: inline-block; width: 1px; height: 12px; vertical-align: text-top; margin: 0px 10px 0px 5px; background: #454a4f; }
#footer .left_footer .about li a {color: #f4f4f4; transition: color 0.3s linear; }
#footer .left_footer .about li a:hover {color: #ffb301; }
#footer .left_footer .spark-logo {width: 247px; height: 74px; background: url(../images/logo_f.png) no-repeat; float: left; margin-top: 20px; }
#footer .left_footer .personal_copyright {clear: both; padding-top: 15px; color: #6c6c6c; }
#footer .left_footer .personal_copyright span {display: inline-block; margin-bottom: 5px; }
#footer .left_footer .personal_copyright a {color: #6c6c6c; }
#footer .left_footer .personal_copyright a:hover {color: #4C4FA1; }
#footer .left_footer .personal_copyright a:active {color: #0058b8; }

#footer .right_footer {float: right; width: 160px; height: 200px; position: relative; word-spacing: 0px; margin-top: 20px;}
.right_footer .right_footer_top .qrcode { position: absolute; width: 155px; height: 155px; background: url(../images/ewm.jpg) no-repeat; background-size: 100% auto; border-radius: 10px; top: 0px; left: 0px; transition: all 0.2s linear;}
.right_footer .right_footer_top .taobao { display: none; position: absolute; width: 155px; height: 155px; background: url(../images/taobao.png) no-repeat; background-size: 100% auto; border-radius: 10px; top: 0px; left: 0px; transition: all 0.2s linear;}

.right_footer .right_footer_bottom li {display: inline-block; width: 35px; height: 35px; position: relative; vertical-align: middle; margin-right: 22px; margin-top: 165px; text-align: center; transition: all 0.4s linear;}
.right_footer .right_footer_bottom li a {display: block; height: 100%; background: url(../images/icon_f.png) no-repeat #454a4f; border-radius: 10px; transition: 1s;}
#footer .right_footer .footer_weibo {background-position: -27px -22px;}
#footer .right_footer .footer_weixin {background-position: -28px -69px;}
#footer .right_footer .footer_taobao {background-position: -27px -115px;}

#footer .right_footer .footer_taobao {margin-right: 0px; }
#footer .right_footer .footer_weibo:hover {background: url(../images/icon_f.png) no-repeat -27px -22px #d42c4c; transition: all 0.2s linear;}
#footer .right_footer .footer_weixin:hover {background: url(../images/icon_f.png) no-repeat -28px -69px #fff; transition: all 0.2s linear;}
#footer .right_footer .footer_weixin.on {background: url(../images/icon_f.png) no-repeat -28px -69px #fff; transition: all 0.2s linear;}
#footer .right_footer .footer_taobao:hover {background: url(../images/icon_f.png) no-repeat -27px -115px #ee501f; transition: all 0.2s linear;}

/* 个人中信尾部 */
#common_footer{ width: 100%; min-width: 1200px; margin-top: 30px; height: 172px; background:#fafafa; border-top:2px solid #EEE;}
#common_footer .w1200 { margin: 15px auto 0;}
#common_footer .common_footer_left {width: 399px; float: left; height: 135px; padding-top: 10px; border-right: 1px solid #e5e5e5; }
#common_footer .common_footer_left h3 {font-size: 16px; margin-bottom: 10px; font-weight: bold; margin-left: 35px; height: 30px; line-height: 30px;}
#common_footer .common_footer_left img {display: block; width: 259px; height: 55px; margin-left: 35px;}

#common_footer .common_footer_nav {width: 280px; float: left; height: 135px; padding: 10px 60px 0;}
#common_footer .common_footer_nav dl {width: 50%;}
#common_footer .common_footer_nav dl.dl_left {float: left; text-align: left;}
#common_footer .common_footer_nav dl.dl_right {float: right; text-align: right;}
#common_footer .common_footer_nav dl dt {font-size:14px; font-weight: bold;}
#common_footer .common_footer_nav dl dt,#common_footer .common_footer_nav dd{ height:30px; line-height:30px; overflow:hidden;}

#common_footer .common_footer_right {width: 399px; float: left; height: 135px; padding-top: 10px; border-left: 1px solid #e5e5e5; }
#common_footer .common_footer_right dl {display: inline-block;}
#common_footer .common_footer_right dl.dl_left {float: left; text-align: left; margin-left: 80px;}
#common_footer .common_footer_right dl.dl_right {float: right; text-align: right;}
#common_footer .common_footer_right dl dt {font-size:14px; font-weight: bold; height: 30px; line-height: 30px;}
#common_footer .common_footer_right dd{ height:100px; overflow:hidden;}
#common_footer .common_footer_right dd img {width: 100%; height: auto;}

.personal_copyright { width: 100%;  text-align:center; background:#0C1F31; color:#FFF; padding:15px 0; font-size:12px;}
.personal_copyright a{ color:#FFF;}


/* 分页页码 */
.pages{ width: 100%; text-align:center; clear:both;}
.pages a{ display: inline-block; color:#333; background:#f5f5f5; margin:0 2px; border-radius:3px; -moz-border-radius:3px; border:1px solid #ddd; padding:0 10px; height:24px; line-height:24px; font-size:12px;}
.pages a.pages_on{background:#4C4FA1;color:#fff; text-decoration:none; border:1px solid #4C4FA1;}
.pages a:hover{background:#4C4FA1;color:#fff; text-decoration:none; border:1px solid #4C4FA1;}
/* 返回 */
.goto_container{width:1200px;margin:0 auto;}
.goto_box {position: fixed; margin:0 0 0 1210px;bottom: 120px; z-index: 10;}
.goto_add_thread{background: url(../images/ft_change.png) no-repeat center;}
.goto_top{background: url(../images/go2top.png) no-repeat center;}
.goto_button{display: block; width:64px;height:64px;cursor:pointer;background-size:100% 100%;}